body{
  background-color:#f0f0f0;
  //height: 200%;
}
.warp{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  header{
    height: 0.58rem;
    line-height: 0.58rem;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff8fa;
    text-align: center;
    font-size:0.36rem;
    color: #333333;
    padding: 0.25rem;
    .back{
      display: block;
      width:0.28rem;
      height: 0.28rem;
      background: url("../images/doctor-01/icon_back.png") no-repeat;
      background-size:0.28rem 0.28rem;
      margin-top: 0.17rem;

    }
  }

  .combo{

    .combo_bottom{
      border-bottom: 1px solid #e5e5e5;
      background-color: #fff;
      padding: 0 0.2rem;
      box-sizing: border-box;
      .pic{
        a{
          display: block;
          width: 1.8rem;
          height: 1.8rem;
          background: url("../images/pic_bg.jpg") no-repeat;
          background-size:1.8rem 1.8rem;
          margin-top: 0.15rem;
          margin-right: 0.15rem;
          padding-bottom: 0.15rem;
        }
      }
      .right{

        float: left;
        width: 70%;
        .top{
          padding-top: 0.2rem;
          .user{
            border-left: 5px solid #c774ac;
            font-size: 0.32rem;
            padding-left: 0.2rem;
            color: #333333;
          }

        }
        P{
          font-size: 0.24rem;
          line-height: 1.8;
          color: #333333;


        }



      }
    }
  }
  .tab_box{
    margin-top: 0.1rem;
    background-color: #fff;
    .tab_top{
      width: 100%;
      height:0.8rem;
      border-bottom: 1px solid #e5e5e5;
      line-height:0.8rem;

      ul{
        display: flex;
        width: 100%;
        li{
          float: left;
          flex: 1;
          text-align: center;
          border-right: 1px solid #e5e5e5;
          font-size: 0.28rem;
          color: #333333;
          &:last-child{
            border-right:none;
          }
          a{
            width:100%;
            display: block;
          }
        }
      }
    }
    .contain_box{
      padding:0.25rem 0.56rem;
      margin-bottom: 0.96rem;

      .introduce{
        display: none;
        span{
          font-size:0.28rem;
          color: #333333;
          position: relative;
          &:before{
            display: block;
            content: "";
            width: 0.1rem;
            height: 0.1rem;
            background-color: #ff4400;
            position: absolute;
            top: 3px;
            border-radius: 50%;
            left: -10px;
          }

        }
        ol{
          li{
            font-size:0.24rem;
            color: #666666;
            line-height: 1.8;

          }
        }
        .combo_box{
          background-color: #fff8fa;
          padding: 0.25rem 0.56rem;
          margin-top: 0.1rem;
          .basics{

            span{
              font-size: 0.28rem;
            }
            p{
              font-size: 0.24rem;

            }
          }
          em{
            font-style: normal;
            font-size: 0.28rem;
          }
          i{
            padding-left: 1rem;
            font-style: normal;
            font-size: 0.28rem;
            margin-top: 0.1rem;
            display: block;
            float: left;
          }
          input{
            margin-top: 0.2rem;
          }
          .check1{
            visibility: hidden;

          }
          label{
            display: inline-block;
            width: 10px;
            height: 10px;
            background: url(../images/xuanzhong.png) no-repeat;
            background-position: -23px -3px;
            border: 1px solid #b2b2b2;
            background-size: 23px 16px;
            float: right;
            margin-top: 0.2rem;

          }
          :checked + label{
            background-position: -7px -4px;
          }
          .tianshu{
            width: 1rem;
            text-align: center;
            border-radius: 0.1rem;
            height: 0.4rem;
            margin-left: 1.5rem;
          }
        }
        .price{
          margin-top: 1rem;
          i{
            font-style: normal;
            color:#ff4400;
          }
        }
      }

    }


  }
}
.warp .tab_box .contain_box .introduce.selected{
  display: block;
}
.warp .tab_box .tab_top ul li a.active{
  background-color: #fff3f3;
  color:#ff4400;
}


footer{
  height: 0.96rem;
  line-height: 0.96rem;
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 0;
  background-color: #fff8fa;
  border-top: 1px solid #e5e5e5;
  .answers{
    flex: 1;
    text-align: center;
    button{
      height: 0.76rem;
      width: 90%;
      border-radius: 0.1rem;
      border: 1px solid #ffd7d7;
      background-color: #ff8383;
      font-size:0.28rem;
      color: #fff;
    }
  }
}
